<template>
	<view class="page">
		<view class="title">
			<h1>公司名称{{info.name}}</h1>
			<p>Company name network technology</p>
		</view>
		<text style="display:block;margin-top: 20rpx;">{{info.brief}}</text>
	<view class="list">
		<li>
			<span>公司简介</span>
			<p>OUR INFO </p>
			<h1>>>></h1>
		</li>
		<text>{{info.desc}}</text>
	</view>
	<view class="list">
		<li>
			<span>我们的优势</span>
			<p>OUR STRENGTHS </p>
			<h1>>>></h1>
		</li>
		<text>{{info.advantage}}</text>
	</view>
	
	<view class="list">
			<li>
				<span>服务亮点</span>
				<p>SERVICE HIGHLIGHTS</p> 
				<h1>>>></h1>
			</li>
			<text>{{info.service}}</text>
		</view>
		<view class="bot">
			<li v-for="(item,index) in info.slogan" :key="index">
				<span></span>
				<p>{{item}}</p>
			</li>
			
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:[],
				
			};
		},
		mounted(){
			this.myCompany()
		},
		methods:{
			go(route){
				this.$router.go(route)
			},
				myCompany(){
					this.$utils.requert({url:'myCompany',type:'post'}).then(res=>{
						if(res.code === 1 ){
							this.$utils.showLayer(res.message)
							this.info = res.data
						}else{    
							this.$utils.showLayer(res.message)
						}
					})
				},
		}
	}
</script>

<style lang="less" scoped>
.page{
		font-size: 13px;
		width: 95%;
		margin: 0 auto;
	}
	.title{
		height: 130rpx;
		margin-top: 20rpx;
		border-bottom: 2px solid #FB8408;
		h1{
			font-size: 25px;
			color: #FB8408;
			font-weight: 550;
		}
		p{
			color: #FB8408;
			font-size: 16px;
		}
	}
.list{
	li{
		display: flex;
		align-items: center;
		margin: 20rpx 0rpx; 
		span{
			font-size: 15px;
			background-color: #FB8408;
			color: #fff;
			padding: 10rpx 15rpx;
		}
		p{
			margin-left: 15rpx;
		}
		h1{
			color: #FB8408;
			margin-left: 5rpx;
			font-size: 30rpx;
		}
	}
}
.bot{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20rpx;
	li{
		width: 50%;
		height: 50rpx;
		font-size: 13px;
		display: flex;
		align-items: center;
		justify-content: center;
		span{
			width: 20rpx;
			height: 20rpx;
			background-color: #FB8408;
			margin-right: 10rpx;
			border-radius: 10rpx;
		}
	}
}

</style>
